/* NOTE: individual styles  */
.conv__title--distance {
 color: var(--color5);
}

.conv__label--fuel {
 font-size: 0.8rem;
 font-weight: 400;
}

.conv__convBtn--fuelUsage,
.conv__convBtn--distOnFuel,
.conv__convBtn--resetFuel {
 font-size: 0.8rem;
}

.conv__solution {
 font-size: 0.8rem;
}

.conv__solution--fuelUsage,
.conv__solution--tank {
 font-size: 0.7rem;
 color: var(--color5);
}

/* NOTE: putting classes */
.container__temperature.show {
 display: block;
}

.container__distance {
 display: none;
 background-color: var(--color4);
}

.container__distance.show {
 display: block;
}

.container__fuel {
 display: none;
 background-color: var(--color6);
}

.container__fuel.show {
 display: block;
}

.container__area {
 display: none;
 background-color: var(--color7);
}

.container__area.show {
 display: block;
 background-color: var(--color7);
}